<template>
  <div class="box">
      <div class="img-box">
          <div class="img-div"><img src="../../assets/image/ruleslogo.png" alt=""></div>
          <div class="version-div">版本号xxxx</div>
      </div>
    <Cell is-link v-for="(item, index) in myList" class="cell-box cell-box2" :key="index">
      <router-link :to="{path:item.path,query:{rule:item.rules}}" class="menu-items">
        <div>{{ item.menuName }}</div>
      </router-link>
    </Cell>
  </div>
</template>

<script>
import { Cell } from "vant";
export default {
  components: {
    Cell,
  },
  data(){
      return{
      myList: [
        {
          menuName: "链信金科用户隐私保护政策",
          path: "/filetext",
          rules:1,
        },
        {
          menuName: "链信金科用户服务协议",
          path: "/filetext",
          rules:2,
        }
        ]
      }
  }

}
</script>

<style lang="stylus" scoped>
@import './../../assets/styl/mixin.styl'
.box
    .img-box
        display flex
        justify-content center
        flex-direction column
        align-items center
        .version-div
            margin-bottom rem(30)
            font-size rem(15)
            color #999999
        .img-div
            width rem(76)
            height rem(76)
            margin-top rem(40)
            margin-bottom rem(10)
            img 
                width 100%
                height 100%
  .menu-items
    display flex
    justify-content flex-start
    align-items center
    color #333
</style>